﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/ViewMasterPageMain.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>
<%@ Import Namespace="estudent.Models" %>
<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
	IzbirniPredmetnik
</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="JQueryContent" runat="server">
        <style type="text/css">
            .modulSelected
            {
                border: 1px solid red;
            }
            
            .modulNotSelected
            {
                border: 1px solid black;
            }
        </style>
        
        <script type="text/javascript">
            $(document).ready(function () {
                var selected = 1;
                var uri = window.location.pathname;

                $("#prviIzbranModulDiv").click(function () {
                    selected = 1;
                    $(this).removeClass("modulNotSelected");
                    $(this).addClass("modulSelected");
                    $("#drugiIzbranModulDiv").removeClass("modulSelected");
                    $("#drugiIzbranModulDiv").addClass("modulNotSelected");
                });

                $("#drugiIzbranModulDiv").click(function () {
                    selected = 2;
                    $(this).removeClass("modulNotSelected");
                    $(this).addClass("modulSelected");
                    $("#prviIzbranModulDiv").removeClass("modulSelected");
                    $("#prviIzbranModulDiv").addClass("modulNotSelected");
                });

                $("#desnoModuli").click(function () {
                    $.post("/VpisniList/dobiPredmeteOdModula", $("#izbirniPredmeti").serialize(), function (data) {
                        if (selected == 1) {
                            $("#prviIzbranModulDiv").html(data);
                            if ($("#drugiIzbranModulDiv").text() == $("#prviIzbranModulDiv").text()) {
                                alert("Izbrana modula ne moreta biti enaka.");
                                $("#prviIzbranModulDiv").html("<br/><br/>");
                            }
                        } else {
                            $("#drugiIzbranModulDiv").html(data);
                            if ($("#drugiIzbranModulDiv").text() == $("#prviIzbranModulDiv").text()) {
                                alert("Izbrana modula ne moreta biti enaka.");
                                $("#drugiIzbranModulDiv").html("<br/><br/>");
                            }
                        }
                    });

                });

                $("#levoModuli").click(function () {
                    if (selected == 1)
                        $("#prviIzbranModulDiv").html("<br/><br/><br/>");
                    else
                        $("#drugiIzbranModulDiv").html("<br/><br/><br/>");

                });

                $("#prostoDesno").click(function () {
                    var value = document.getElementById("selectProstoIzbirni").value;
                    $("#selectProstoIzbirni option:selected").appendTo("#prostoSelect");
                    $("#finta").append("<input type='hidden' name='" + value + "'/>");
                });

                $("#prostoLevo").click(function () {
                    var value = document.getElementById("prostoSelect").value;
                    $("#prostoSelect option:selected").appendTo("#selectProstoIzbirni");
                    $("#finta input[name='" + value + "']").remove();
                });

                $("#strokovnoDesno").click(function () {
                    var value = document.getElementById("selectStrokovnoIzbirni").value;
                    $("#selectStrokovnoIzbirni option:selected").appendTo("#strokovnoSelect");
                    $("#finta").append("<input type='hidden' name='" + value + "'/>");
                });

                $("#strokovnoLevo").click(function () {
                    var value = document.getElementById("strokovnoSelect").value;
                    $("#strokovnoSelect option:selected").appendTo("#selectStrokovnoIzbirni");
                    $("#finta input[name='" + value + "']").remove();
                });


            });
        </script>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="InnerRightContent" runat="server">
<h1>VZPOSTAVITEV IZBIRNEGA PREDMETNIKA</h1>


<form action="/VpisniList/ShraniIzbirniPredmetnik" method="post" name="izbirniPredmeti" id="izbirniPredmeti">

<br />
<table>
	<tr>
		<td><b>Vsi moduli</b></td>
		<td>&nbsp;</td>
		<td><b>Moduli, ki pripadajo študentu</b></td>
	</tr>
	<tr>
	  <td valign="top" rowspan="2">
	  	<select style="width:180px;" name="selectModuli" id="selectModuli" size="10" title="Najprej na desni strani s klikom na okno prvi ali drugi modul izberite kateri modul želite, nato pa v tem oknu izberite željeni modul in ga dodajte s pritiskom na gumb >>">
        <%
            foreach (var modul in (IEnumerable<SModuli>)ViewData["moduli"])
            {
                Response.Write("<option>"+modul.imeModula+"</option>");
            }
            
        %>
		</select>
	  </td>
		<td rowspan="2"><input name="desnoModuli" id="desnoModuli" class="button" type="button" value=">>" title="Kliknite ta gumb za dodajanje modula na izbrano mesto"/>
			<br />
			<br />
			<input name="levoModuli" id="levoModuli" type="button" class="button" value="<<" title="Kliknite ta gumb za odvzemanje modula z izbranega mesta" />
		</td>
		<td valign="top">
			MODUL 1<br />
			<div id="prviIzbranModulDiv" class="modulSelected" title="Kliknite za izbor prvega modula">
            <% if (ViewData["modul1"] != null) Response.Write(ViewData["modul1"]); else Response.Write("<br/><br/>");  %>
			</div>
	    </td>		
	</tr>
	<tr>
		<td valign="top">			
			MODUL 2<br />
			<div id="drugiIzbranModulDiv" class="modulNotSelected" title="Kliknite za izbor drugega modula">
            <% if (ViewData["modul2"] != null) Response.Write(ViewData["modul2"]); else Response.Write("<br/><br/>"); %>
			</div>
		</td>	
	</tr>
	
	<tr>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
	</tr>
	
	<tr>
		<td><b>Prosto izbirni predmeti</b></td>
		<td>&nbsp;</td>
		<td><b>Študentova izbira predmetov</b></td>
	</tr>
	
	<tr>
		<td valign="top">	  	
		<select style="width:180px;" name="selectProstoIzbirni" id="selectProstoIzbirni" size="10" title="Tukaj izberite željeni prosto izibirni predmet in ga dodajte s pritiskom na gumb >>" >
        <%
            foreach (var predmet in (IEnumerable<sPredmeti>)ViewData["prosti"])
            {
                Response.Write("<option value='"+predmet.sPredmeta.ToString()+"'>"+predmet.imePredmeta+"</option>");
            }
        %>
		</select>
		</td>
		<td>
		<input name="prostoDesno" id="prostoDesno" type="button" class="button" value=">>" title="Kliknite ta gumb za dodajanje prosto izbirnega predmeta študentu"/>
			<br />
			<br />
			<input name="prostoLevo" id="prostoLevo" type="button" class="button" value="<<" title="Kliknite ta gumb za odvzemanje prosto izbirnega predmeta študentu"/></td>
		<td valign="top">
        <select style="width:180px;" name="prostoSelect" size="10" id="prostoSelect" title="Tukaj kliknite na predmet, ki ga želite odvzeti študentu in kliknite gumb <<">
            <% if (ViewData["prostoIzbrani"] != null) Response.Write(ViewData["prostoIzbrani"]); %>
	    </select>
        </td>
	</tr>
	
		<tr>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
	</tr>
	
	<tr>
		<td><b>Strokovno izbirni predmeti</b></td>
		<td>&nbsp;</td>
		<td><b>Študentova izbira predmetov</b></td>
	</tr>
	
	<tr>
		<td valign="top">	  	
		<select style="width:180px;" name="selectStrokovnoIzbirni" id="selectStrokovnoIzbirni" size="10" title="Tukaj izberite željeni strokovni izibirni predmet in ga dodajte s pritiskom na gumb >>">
        <%
            foreach (var predmet in (IEnumerable<sPredmeti>)ViewData["strokovni"])
            {
                Response.Write("<option value='" + predmet.sPredmeta.ToString() + "'>" + predmet.imePredmeta + "</option>");
            }
        %>
		</select>
		</td>
		<td>
		<input name="strokovnoDesno" id="strokovnoDesno" class="button" type="button" value=">>" title="Kliknite ta gumb za dodajanje strokovno izbirnega predmeta študentu"/>
			<br />
			<br />
			<input name="strokovnoLevo" id="strokovnoLevo" class="button" type="button" value="<<" title="Kliknite ta gumb za odvzemanje prosto izbirnega predmeta študentu"/></td>
		<td valign="top">
		<select style="width:180px;" id="strokovnoSelect" size="10" title="Tukaj kliknite na predmet, ki ga želite odvzeti študentu in kliknite gumb <<">
            <% if (ViewData["strokovnoIzbrani"] != null) Response.Write(ViewData["strokovnoIzbrani"]); %>
		</select>
		</td>
	</tr>
	
	<tr>
		<td>&nbsp;</td>
		<td id="finta"><% if (ViewData["finta"] != null) Response.Write(ViewData["finta"]); %></td>
		<td><input name="potrdiIzbirne" id="potrdiIzbirne" class="button" type="submit" value="Potrdi" title="Potrdite vašo izbiro in s tem vnesite izbrane predmete študentu"/></td>
	</tr>
	
</table>

            <% =Html.Hidden("vpisid",ViewData["vpisid"]) %>
            <% =Html.Hidden("studentid",ViewData["vpisna"]) %>

</form>

</asp:Content>


